import './App.css';
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import Home from './pages/Home'
import Product from './pages/Product'
import Node from './pages/Node'
import Faq from './pages/Faq'
import Person from './pages/Person'
import Header from './components/Header'
import Order from './pages/Order'
import MyInvite from './pages/MyInvite';
import Register from './pages/Register';
import Footer from './components/Footer';
import InviteFriend from './pages/InviteFriend';

function App() {
  return (
    <BrowserRouter>
      <div className="app">
        <Header className="header"></Header>
        <Routes>
          <Route index element={<Home />}></Route>
          <Route path='product' element={<Product />}></Route>
          <Route path='order' element={<Order />}></Route>
          <Route path='myInvite' element={<MyInvite />}></Route>
          <Route path='node' element={<Node />}></Route>
          <Route path='faq' element={<Faq />}></Route>
          <Route path='person' element={<Person />}></Route>
          <Route path='register' element={<Register />}></Route>
          <Route path='inviteFriend' element={<InviteFriend />}></Route>
        </Routes>
        <Footer className="footer"></Footer>
      </div>
    </BrowserRouter>
  );
}

export default App;
